<template>
  <div class="mod-config">
    <el-upload
        class="upload"
        ref="upload"
        :action="myurl"
        :headers="myheaders"
        :on-success="handleSuccess"
        :on-preview="handlePreview"
        :on-remove="handleRemove"
        :file-list="fileList"
        :auto-upload="false">
        <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
        <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload" >上传到服务器</el-button>
        <div slot="tip" class="el-upload__tip">只能上传MP4文件</div>
    </el-upload>
  </div>
</template>

<script>


export default{
    data() {
            return {
                fileList: [],
                myheaders:{
                    // 'token':'438b3a49606a7cf61d1934b0d9dafbdd',
                    // 'Content-Type':'multipart/form-data'
                    // 'd':'jsonp',
                    // 'Access-Control-Allow-Origin':'*'
                },
                myurl:this.$http.adornUrl('/app/file/upload')
            }
        },
        methods: {
            submitUpload() {
                this.$refs.upload.submit();
            },
            handleRemove(file, fileList) {
                console.log(file, fileList);
            },
            handlePreview(file) {
                console.log(file);
            },
            handleSuccess(response, file, fileList){
                console.log(response);
                console.log(file);
            }
        }
}
</script>
